<template>
  <view class="box">
    <view class="tou top fixed" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <image
        @click="fanhui"
        src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png"
      />
    </view>
    <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'"></view>
    <view class="sousuo">
      <image src="https://pic.bangbangtongcheng.com/static/sousuo2.png" />
      <input type="text" v-model="search" placeholder="搜索" />
      <!-- <view class="quxiao" v-if="!search" @click="back">取消</view>
      <view class="quxiao" v-if="search" @click="searchList">搜索</view>-->
      <view class="quxiao" @click="searchList">搜索</view>
    </view>
    <scroll-view
      class="list"
      :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 72px )'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      v-if="ss && searchlogType == 1"
    >
      <view class="lishi" v-if="!ss && recordList.length > 0">
        <span style="font-size: 30rpx; color: #333333">历史记录</span>
        <image
          @click="delrecord"
          src="https://pic.bangbangtongcheng.com/static/shan.png"
        />
      </view>
      <view class="list1" v-if="!ss && recordList.length > 0">
        <view
          class="li1"
          v-for="item in recordList"
          @click="recordC(item.keyword)"
          :key="item"
          >{{ item.keyword }}</view
        >
      </view>
      <view
        class="li li2"
        v-for="(item, index) in Recommend"
        :key="index"
        @click="details(item)"
      >
        <image
          :src="item.display_diagram ? item.display_diagram : imgUrl + item.house_image"
        />
        <view class="li_1 li_2">
          <view class="tit">
            <span class="tagLabel">{{
              item.transaction_type == 1
                ? "出租房"
                : item.new_old == 1
                ? "新房"
                : "二手房"
            }}</span>
            {{ item.title }}
          </view>
          <view class="">
            <view class="neirong_1">
              <view class="neir_css">{{ item.region }}</view>
              <view class="neir_css">{{ item.cell_name || "" }}</view>
            </view>
            <view class="neirong_1">
              <view class="neir_css">{{
                item.FLOOR
                  ? item.FLOOR.split("|")[0] + "层/共" + item.FLOOR.split("|")[1] + "层"
                  : ""
              }}</view>
              <view class="neir_css">{{ item.house_type || "" }}</view>
            </view>
            <view class="neirong_1">
              <view class="price neir_css" v-if="item.transaction_type == 2"
                >{{ item.price }}万</view
              >
              <view
                class="price neir_css"
                v-if="item.transaction_type == 1 && item.price <= 10000"
                >{{ item.price }}元</view
              >
              <view
                class="price neir_css"
                v-if="item.transaction_type == 1 && item.price > 10000"
                >{{ item.price / 10000 }}万元</view
              >
              <view class="neir_css" style>{{ item.AREA || item.area }}㎡</view>
            </view>
          </view>
        </view>
        <view class="HousCondition" v-if="userQuery && item.examine_status == 2">
          <view class=""></view>
          <view class="status">
            <view class="item" v-if="item.up_status == 1">已上架</view>
            <view class="item" v-if="item.up_status == 0">已下架</view>
            <view class="item" v-if="item.STATUS == 1">已租售</view>
            <!-- <view class="item">已共享</view>
            <view class="item">已置顶</view> -->
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0 && !firstSearch" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
    </scroll-view>
    <!-- 楼盘 -->
    <scroll-view
      class="list"
      :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 72px )'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      v-if="searchlogType == 2"
    >
      <view class="lishi" v-if="!ss && recordList.length > 0">
        <span style="font-size: 30rpx; color: #333333">历史记录</span>
        <image
          @click="delrecord"
          src="https://pic.bangbangtongcheng.com/static/shan.png"
        />
      </view>
      <view class="list1" v-if="!ss && recordList.length > 0">
        <view
          class="li1"
          v-for="item in recordList"
          @click="recordC(item.keyword)"
          :key="item"
          >{{ item.keyword }}</view
        >
      </view>
      <view
        class="li"
        v-for="(item1, index1) in Recommend"
        :key="index1"
        @click="detailss(item1.id)"
      >
        <image :src="item1.showImg" />
        <view class="li_1">
          <view class="tit">{{ item1.title }}</view>
          <view class="jiedao">地址：{{ item1.address }}</view>
          <view class="shijian">
            <span>均价：</span>
            <span
              style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
              v-if="item1.averagePrice > 10000"
              >{{ (item1.averagePrice / 10000) | nums }}万/㎡</span
            >
            <span
              style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
              v-else
              >{{
                isNaN(item1.averagePrice)
                  ? item1.averagePrice
                  : item1.averagePrice + "/㎡"
              }}</span
            >
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0 && !firstSearch" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
    </scroll-view>

    <!-- 中介 -->
    <scroll-view
      class="list"
      :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 72px )'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      v-if="searchlogType == 3"
    >
      <view class="lishi" v-if="!ss && recordList.length > 0">
        <span style="font-size: 30rpx; color: #333333">历史记录</span>
        <image
          @click="delrecord"
          src="https://pic.bangbangtongcheng.com/static/shan.png"
        />
      </view>
      <view class="list1" v-if="!ss && recordList.length > 0">
        <view
          class="li1"
          v-for="item in recordList"
          @click="recordC(item.keyword)"
          :key="item"
          >{{ item.keyword }}</view
        >
      </view>
      <view
        class="li"
        v-for="(item3, index3) in Recommend"
        :key="index3"
        @click="details2(item3.id)"
      >
        <image :src="imgUrl + item3.image" />
        <view class="li_1">
          <view class="tit">{{ item3.shopName }}</view>
          <view class="jiedao">地址：{{ item3.shopArea }}</view>
          <view class="shijian">
            <span
              style="margin-right: 24rpx; color: red; font-size: 36rpx; font-weight: 600"
              >{{ item3.houseNum || 0 }}套</span
            >
            <span>在售/在租</span>
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0 && !firstSearch" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
    </scroll-view>
    <!-- 看点 -->
    <scroll-view
      class="list"
      :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 72px )'"
      scroll-y
      @scrolltolower="down"
      refresher-background="#f5f5f5"
      v-if="searchlogType == 4"
    >
      <view class="lishi" v-if="!ss && recordList.length > 0">
        <span style="font-size: 30rpx; color: #333333">历史记录</span>
        <image
          @click="delrecord"
          src="https://pic.bangbangtongcheng.com/static/shan.png"
        />
      </view>
      <view class="list1" v-if="!ss && recordList.length > 0">
        <view
          class="li1"
          v-for="item in recordList"
          @click="recordC(item.keyword)"
          :key="item"
          >{{ item.keyword }}</view
        >
      </view>
      <view
        class="li"
        v-for="(item4, index4) in Recommend"
        :key="index4"
        @click="details3(item4.id)"
      >
        <image :src="imgUrl + item4.image" />
        <view class="li_1">
          <view class="tit">{{ item4.title }}</view>
          <view class="shijian authors">
            <span style="margin-right: 14rpx">{{ item4.author }}</span>
            <span>{{ item4.createDate }}</span>
          </view>
        </view>
      </view>
      <view v-if="Recommend.length == 0 && !firstSearch" class="none">
        <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
        <view>没有更多数据了</view>
      </view>
      <view class="down" v-show="Recommend.length && !downStatus">没有更多了</view>
    </scroll-view>
	
	
	
	<!-- 招聘 -->
	<scroll-view
	  class="list"
	  :style="'height:calc( 100vh - ' + statusBarHeight + 'px - 72px )'"
	  scroll-y
	  @scrolltolower="down"
	  refresher-background="#f5f5f5"
	  v-if="ss && searchlogType == 6"
	>
	<template >
          <view class="list list1" @click.stop="scrollDown">
            <template >
              <view
                class="li"
                v-for="(item, index) in Recommend"
                :key="index"
                :class="
                  item.shelfStatus === '1' || item.shelfStatus === '0' ? 'itemLabelShowPadding' : ''
                "
              >
                <view class="vacancy" @click="zpdetails(item)">
                  <view
                    class="itemLabelCountDown"
                    v-if="item.shelfStatus === '1' && !item.drafterBy"
                  >
                    有效期{{ 30 - item.daysSinceCreateDate }}天
                  </view>

                  <view
                    class="itemLabel"
                    v-if="item.shelfStatus == 0 && item.newRelease == 1 && item.auditStatus == 1"
                  >
                    <image
                      src="https://pic.bangbangtongcheng.com/static/MyPublic/newPublic.png"
                      style="width: 136rpx; height: 56rpx"
                    ></image>
                  </view>

                  <view
                    class="itemLabel"
                    style="top: -10rpx"
                    v-if="item.shelfStatus == 0 && item.newRelease == 0 && item.auditStatus == 1"
                  >
                    <image
                      src="https://pic.bangbangtongcheng.com/static/MyPublic/pause.png"
                      style="width: 136rpx; height: 56rpx"
                    ></image>
                  </view>

                  <view class="vehicleRecom">
                    <span class="tagLabel">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
                    <span class="globalTitleStyle">{{ item.title }}</span>
                  </view>
                  <view class="vacancy_center">
                    <view class="vacancy_status">
                      <span style="margin-right: 46rpx">
                        <image
                          class="cardImageIcon"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/index-location.png"
                        />
                        {{ item.region }}
                      </span>
                      <span>
                        <image
                          class="cardImageIcon"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/index-job.png"
                        />
                        {{ item.positionCategory }}
                      </span>
                    </view>
                    <view class="vacancy_price" v-if="item.recruitmentType == 1">
                      {{
                        item.salaryRange == '面议'
                          ? '面议'
                          : item.salaryRange
                          ? item.salaryRange + '元'
                          : ''
                      }}
                    </view>
                    <view class="vacancy_price" v-else>
                      {{ item.salaryRange && item.salaryRange.split(',').join('') }}&emsp;{{
                        item.settlementMethod
                      }}
                    </view>
                  </view>
                  <view class="vacancy_biaoq" v-if="item.fringeBenefits">
                    <view class="vacancy_label">
                      <view class="shade"></view>
                      <view
                        class="label"
                        v-for="(i, j) in item.fringeBenefits.split(',')"
                        :key="j"
                        >{{ i }}</view
                      >
                    </view>
                    <view class="gend" v-if="item.fringeBenefits.split(',').length > 4">
                      <image
                        src="https://pic.bangbangtongcheng.com/static/index-gradient-right-%20arrow.png"
                      >
                      </image>
                    </view>
                  </view>

                  <view class="personalInformation" v-if="item.userInformation">
                    <view class="personalInformation_left">
                      <view class="GR">
                        <image
                          class="personalInformation_image"
                          v-if="item.userInformation.image"
                          :src="item.userInformation.image"
                          mode=""
                        ></image>
                        <image
                          class="personalInformation_image"
                          v-else
                          src="https://pic.bangbangtongcheng.com/static/my/header.png"
                          mode=""
                        ></image>
                        <span class="name">{{
                          item.userInformation.nikeName
                            ? item.userInformation.nikeName
                            : '未命名用户'
                        }}</span>
                      </view>
                      <view class="GS" v-if="item.userInformation.enterpriseRecruitmentStatus">
                        <view class="personalInformation_image"></view>
                        <span class="corporation">{{ item.enterpriseName }}</span>
                      </view>
                    </view>
                    <view class="personalInformation_right">
                      <span class="personalInformation_Time">{{
                        $Time.getDateDiff(item.createDate)
                      }}</span>
                      <span class="personalInformation_distance" v-if="item.distance"
                        >{{ item.distance }}km</span
                      >
                    </view>
                  </view>
                </view>
                <view style="border-bottom: 1rpx solid #f5f7f9; margin-top: 10rpx"></view>

 



              </view>
            </template>

            <view v-if="Recommend.length == 0" class="none">
              <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
              <view>没有更多数据了</view>
            </view>
            <view class="down" v-show="Recommend.length != 0 && !downStatus"> 没有更多了 </view>
          </view>
        </template>
      </scroll-view>
	
    <uniBall></uniBall>
  </view>
</template>

<script>
import { mapGetters } from "vuex";
let statusBarHeight;
//#ifdef H5
import wxshare from "../utils/index.js";
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44;
//#endif
// #ifdef APP-PLUS
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44;
//  #endif
// #ifdef MP-WEIXIN
statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5 + 88;
//  #endif
export default {
  data() {
    return {
      statusBarHeight,
      recordList: [],
      BuildingsInfo: [],
      WatchList: [],
      getShop: [],
      search: "",
      Recommend: [],
      pageSize: 10,
      pageNo: 1,
      totalPage: 0,
      orderSort: "1",
      scrollTop: "0",
      trigger: false,
      downStatus: true,
      upStatus: true,
      imgUrl: this.$imgSrc,
      keyword: "",
      ss: false,
      searchlogType: "",
      userQuery: "",
      loading: false,
      firstSearch: true,
    };
  },
  computed: {
    ...mapGetters(["userid", "islogin", "statusBarHeight1", "userinfo"]),
  },
  onLoad(options) {
    console.log(options, "1111111111111111111");
    if (options.searchlogType) {
      this.searchlogType = options.searchlogType;
    }
    if (options.userid) {
      this.userQuery = options.userid;
    }
    this.getrecord();
    /* #ifdef H5 */
    this.jinzhi();
    /* #endif */
  },
  async onPullDownRefresh() {
    this.Recommend = [];
    this.pageNo = 1;
    this.downStatus = true;
    if (this.upStatus) {
      this.trigger = true;
      await this.getRecommend();
    }
  },
  methods: {
    recordC(text) {
      this.search = text;
      this.searchList();
    },
    fanhui() {
      uni.navigateBack({
        delta: 1,
      });
    },
    back() {
      uni.navigateBack(-1);
    },
    details(item) {
      if (item.examine_status == 2) {
        uni.navigateTo({
          url: "/pages_houses/housing/used/houseDetails?id=" + item.id,
        });
      }
    },
    //楼盘
    detailss(id) {
      console.log("楼盘");
      uni.navigateTo({
        url: "/pages_houses/houses/housesDetails?id=" + id,
      });
    },
    //中介
    details2(id) {
      uni.navigateTo({
        url: "/pages_intermediary/shopDetails?id=" + id,
      });
    },
    //看点
    details3(id) {
      uni.navigateTo({
        url: "/pages_index/Watch/details?id=" + id,
      });
    },

    jinzhi() {
      let _this = this;
      let param = window.location.href.split("#")[0];
      uni.request({
        method: "post",
        data: {
          url: param,
        },
        header: {
          "content-type": "application/x-www-form-urlencoded",
        },
        url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
        success(re) {
          _this.jinzhifx(re.data);
        },
      });
    },
    jinzhifx(data) {
      wxshare.config({
        debug: false, //是否打开调试
        appId: data.appId, // 公众号的唯一标识
        timestamp: data.timestamp, // 生成签名的时间戳
        nonceStr: data.nonce, // ，生成签名的随机串
        signature: data.signature, // 签名
        jsApiList: ["hideMenuItems"],
      });
      // 禁止分享
      wxshare.hideMenuItems({
        // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
        menuList: [
          "menuItem:share:appMessage",
          "menuItem:share:timeline",
          "menuItem:share:timeline",
          "menuItem:share:qq",
          "menuItem:favorite",
          "menuItem:share:QZone",
          "menuItem:openWithSafari",
        ],
      });
    },
    async searchList() {
      this.keyword = this.search;
      if (this.loading) return;
      let that = this;
      this.loading = true;
      setTimeout(() => {
        that.loading = false;
      }, 1000);
      this.pageNo = 1;
      if (!this.search == "") {
        this.$myRequest.post("/mob/home/saveSearchLog", {
          userId: this.userid,
          keyword: this.keyword,
          searchlogType: this.searchlogType,
        });
      }

      this.ss = true;
      this.downStatus = true;
      this.firstSearch = true;
      this.Recommend = [];
      if (this.searchlogType == 1) {
        //查询房源
        await this.getRecommend();
      } else if (this.searchlogType == 2) {
        //查询楼盘
        await this.getBuildingsInfo();
      } else if (this.searchlogType == 3) {
        //查询中介
        await this.getShopInfo();
      } else if (this.searchlogType == 4) {
        //查询中介
        await this.getWatch();
      } else if (this.searchlogType == 6) {
        //查询招聘
        await this.getMyRecruitment();
      }
    },
    down() {
      if (this.downStatus) {
        if (this.searchlogType == 3 && this.totalPage <= this.pageNo) {
          /* 此处只针对中介的pages借口修改。其他的不动 */
          this.downStatus = false;
          return false;
        }
        this.pageNo++;
        if (this.searchlogType == 1) {
          //查询房源
          this.getRecommend();
        } else if (this.searchlogType == 2) {
          //查询楼盘
          this.getBuildingsInfo();
        } else if (this.searchlogType == 3) {
          //查询中介
          this.getShopInfo();
        } else if (this.searchlogType == 4) {
          //查询中介
          this.getWatch();
        }
      }
    },
    async up() {
      this.Recommend = [];
      this.pageNo = 1;
      this.downStatus = true;
      if (this.upStatus) {
        this.trigger = true;
        if (this.searchlogType == 1) {
          //查询房源
          await this.getRecommend();
        } else if (this.searchlogType == 2) {
          //查询楼盘
          await this.getBuildingsInfo();
        } else if (this.searchlogType == 3) {
          //查询中介
          await this.getShopInfo();
        } else if (this.searchlogType == 4) {
          await this.getWatch();
        }
      }
    },

    setTotalPage(count) {
      this.totalPage = Math.ceil(count / (this.pageNo * this.pageSize));
    },
    getBuildingsInfo() {
      this.$myRequest
        .get("/mob/user/getBuildingsInfo", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          keyword: this.keyword,
          auditStatus: 2,
        })
        .then((res) => {
          console.log(res);
          if (!res.page.list.length) {
            this.downStatus = false;
          }
          if (res.page.count < this.pageNo * this.pageSize) {
            this.downStatus = false;
          }
          this.upStatus = true;
          this.trigger = false;
          res.page.list.forEach((el) => {
            if (el.showImg) {
              el.showImg = el.showImg.split("|")[0];
            }
          });
          console.log(this.Recommend);
          this.Recommend = this.Recommend.concat(res.page.list);
          this.firstSearch = false;
          uni.stopPullDownRefresh();
        });
    },
	
	getMyRecruitment(){
		this.$myRequest
		  .get('/api/mobile/personnelOwner/getMyPostRecruitment', {
			searchKeyword: this.keyword,
			userId: this.userQuery,
		    pageNo: 1,
		    pageSize: 10,
		  })
		  .then((res) => {
			this.Recommend = this.Recommend.concat( res.recruitment.pageList);
		   uni.stopPullDownRefresh();
		  })
	},
    getWatch() {
      this.$myRequest
        .get("/mob/home/getWatch", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          auditStatus: 2,
          keyword: this.keyword,
        })
        .then((res) => {
          console.log(res);
          if (!res.list.length) {
            this.downStatus = false;
          }
          if (res.count < this.pageNo * this.pageSize) {
            this.downStatus = false;
          }
          this.upStatus = true;
          this.trigger = false;
          // res.list.forEach((el) => {
          //   if (el.showImg) {
          //     el.showImg = el.showImg.split("|")[0];
          //   }
          // });
          console.log(this.Recommend);
          this.Recommend = this.Recommend.concat(res.list);
          this.firstSearch = false;
          uni.stopPullDownRefresh();
        });
    },
    // 中介
    getShopInfo() {
      this.$myRequest
        .get("/mob/user/getShopInfo", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          longitude: 30,
          latitude: 112,
          keyword: this.keyword,
          status: "1",
          shopType: "1",
        })
        .then((res) => {
          console.log(res);
          this.setTotalPage(res.page.count);
          if (!res.page.list.length) {
            this.downStatus = false;
          }
          this.upStatus = true;
          this.trigger = false;
          res.page.list.forEach((el) => {
            if (el.image) {
              el.image = el.image.split("|")[0];
            }
          });
          this.Recommend = this.Recommend.concat(res.page.list);
          this.firstSearch = false;
        });
    },
    getRecommend() {
      this.upStatus = false;
      if (this.userQuery) {
        this.$myRequest
          .get("/mob/home/getHouseInfo", {
            pageSize: this.pageSize,
            pageNo: this.pageNo,
            orderSort: this.orderSort,
            keyword: this.keyword,
            status: "0,1",
            userId: this.userQuery,
          })
          .then((res) => {
            if (!res.list.length) {
              this.downStatus = false;
            }
            if (res.count < this.pageNo * this.pageSize) {
              this.downStatus = false;
            }
            this.upStatus = true;
            this.trigger = false;
            res.list.forEach((el) => {
              if (el.house_image) {
                el.house_image = el.house_image.split("|")[0];
              }
            });
            this.Recommend = this.Recommend.concat(res.list);
            this.firstSearch = false;
            uni.stopPullDownRefresh();
          });
        return;
      }
      this.$myRequest
        .get("/mob/home/getHouseInfo", {
          pageSize: this.pageSize,
          pageNo: this.pageNo,
          orderSort: this.orderSort,
          keyword: this.keyword,
          upStatus: 1,
          examineStatus: 2,
          isLz: "0",
        })
        .then((res) => {
          if (!res.list.length) {
            this.downStatus = false;
          }
          if (res.count < this.pageNo * this.pageSize) {
            this.downStatus = false;
          }
          // if (this.pageNo == 1 && !res.list.length) {
          //   this.downStatus = false;
          // }
          this.upStatus = true;
          this.trigger = false;
          res.list.forEach((el) => {
            if (el.house_image) {
              el.house_image = el.house_image.split("|")[0];
            }
          });
          this.Recommend = this.Recommend.concat(res.list);
          this.firstSearch = false;
          uni.stopPullDownRefresh();
          // this.userInfo = res.userInfo;
          // uni.setStorageSync("Pduser", res.userInfo);
        });
    },
    getrecord() {
      console.log("查询历史记录");
      this.$myRequest
        .get("/mob/home/getSearchLog", {
          userId: this.userid,
          pageNo: 1,
          pageSize: 20,
          searchlogType: this.searchlogType,
        })
        .then((res) => {
          this.recordList = res.list;
        });
    },
    delrecord() {
      let that = this;
      uni.showModal({
        title: "提示",
        content: "是否清除所有搜索记录？",
        showCancel: true,
        success: (res) => {
          if (res.confirm) {
            this.$myRequest
              .post("/mob/home/delSearchLog", {
                userId: this.userid,
              })
              .then((res) => {
                // this.recordList = res.list;
                uni.showToast({
                  title: "删除成功",
                  icon: "none",
                  mask: true,
                });
                that.getrecord();
              });
          }
        },
      });
    },
  },
};
</script>

<style lang="less" scoped>
.box {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  color: #333;
  background-color: #fff;
  max-height: 100vh;
}
.HousCondition {
  height: 80rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .status {
    display: flex;
    align-items: center;
    .item {
      width: 96rpx;
      height: 48rpx;
      background: #ffffff;
      border-radius: 4rpx;
      border: 1px solid #64b6a8;
      margin-right: 10rpx;
      font-size: 24rpx;
      color: #64b6a8;
      text-align: center;
      line-height: 48rpx;
    }
  }
}
.tou {
  position: relative;
  width: 100%;
  // height: 88rpx;
  text-align: center;
  line-height: 88rpx;
  font-size: 36rpx;
  color: #fff;
  background-color: #64b6a8;

  image {
    position: absolute;
    width: 32rpx;
    height: 32rpx;
    // top: 116rpx;
    left: 30rpx;
  }
}

.sousuo {
  position: relative;
  width: 686rpx;
  height: 72rpx;
  margin-top: 30rpx;
  margin-left: 30rpx;
  border: 2rpx solid #64b6a8;
  border-radius: 36rpx;

  image {
    display: inline-block;
    width: 50rpx;
    height: 50rpx;
    margin-left: 20rpx;
    margin-top: 12rpx;
  }

  input {
    display: inline-block;
    width: 400rpx;
    height: 50rpx;
    line-height: 52rpx;
    margin-top: 12rpx;
    vertical-align: top;
    font-size: 28rpx;
  }

  .quxiao {
    position: absolute;
    top: 4rpx;
    right: 4rpx;
    width: 120rpx;
    height: 60rpx;
    line-height: 60rpx;
    color: #fff;
    text-align: center;
    background: #64b6a8;
    border-radius: 30rpx;
  }
}

.lishi {
  position: relative;
  width: 690rpx;
  // margin-left: 30rpx;
  // margin-top: 50rpx;

  image {
    position: absolute;
    width: 58rpx;
    height: 58rpx;
    right: 0;
  }
}

.list1 {
  width: 690rpx;
  // margin-left: 30rpx;
  margin-top: 32rpx;

  .li1 {
    display: inline-block;
    font-size: 26rpx;
    padding: 14rpx 26rpx;
    background-color: #f2f2f2;
    margin-right: 24rpx;
    margin-bottom: 24rpx;
    border-radius: 10rpx;
  }
}

.list {
  margin-top: 50rpx;
  margin-left: 30rpx;
  width: 720rpx;

  .tit {
    color: #333333;
    font-size: 36rpx;
    // margin-bottom: 24rpx;
    display: flex;
    justify-content: space-between;
    width: 690rpx;

    .tg {
      color: #64b6a8;
      display: flex;
      align-items: center;
      font-size: 28rpx;
      position: relative;

      .triangle {
        width: 0px;
        height: 0px;
        box-sizing: content-box;
        border-left: 8rpx solid transparent;
        border-right: 8rpx solid transparent;
        border-bottom: 15rpx solid #64b6a8;
        margin-left: 20rpx;
        transition: all 0.5s;
      }

      .fan {
        transition: all 0.5s;
        transform: rotate(180deg);
      }

      .kuang {
        position: absolute;
        left: -240rpx;
        top: 120%;
        background: #fff;
        // transform: translateY(-50%);
        width: 330rpx;
        padding: 0 30rpx;
        z-index: 20;
        box-shadow: 0 0 8rpx 4rpx rgba(0, 0, 0, 0.3);

        .item {
          height: 90rpx;
          line-height: 90rpx;
          border-bottom: 2rpx solid #e0e0e0;
        }

        .item:last-child {
          border-bottom: 0;
        }
      }
    }
  }
  .li2 {
    display: flex;
    align-items: center;
  }
  .li {
    width: 96%;
    padding-bottom: 30rpx;
    margin-bottom: 30rpx;
    border-bottom: 2rpx solid #e0e0e0;

    image {
      background-color: #f8f8f8;
      width: 300rpx;
      height: 200rpx;
      border-radius: 20rpx;
    }

    .li_1 {
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin-left: 24rpx;
      height: 110px;

      .tit {
        width: 366rpx;
        font-size: 34rpx;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; //想要的行数
        -webkit-box-orient: vertical;
        min-height: 46rpx;
      }

      .jiedao {
        width: 366rpx;
        font-size: 24rpx;
        margin-bottom: 14rpx;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
        min-height: 32rpx;
      }

      .shijian {
        bottom: 4rpx;
        font-size: 26rpx;

        .ycyc {
          display: inline-block;
          width: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          // line-height: 12.5px;
        }
      }

      .authors {
        position: absolute !important;
      }
    }
    .li_2 {
      margin-left: 24rpx;
      height: 200rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .tit {
        width: 366rpx;
        font-size: 36rpx;
        line-height: 44rpx;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;
        .tagLabel {
          vertical-align: top;
          background: #64b6a8;
          color: #fff;
          font-size: 24rpx;
          text-align: center;
          width: 106rpx;
          margin-right: 10rpx;
          padding: 4rpx 6rpx;
          border-radius: 4rpx;
        }
      }

      .neirong_1 {
        width: 366rpx;
        font-size: 24rpx;
        color: #666666;
        display: flex;
        align-items: center;
        .price {
          color: red;
          font-size: 30rpx;
          font-weight: 600;
        }
        .neir_css {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1; //想要的行数
          -webkit-box-orient: vertical;
        }
        .neir_css:nth-child(2n) {
          margin-left: 10rpx;
        }
        .neir_css:nth-child(2n-1) {
          margin-right: 10rpx;
        }
      }
    }
  }

  .li:last-child {
    border-bottom: 0rpx solid #e0e0e0;
  }
}

.down {
  height: 60rpx;
  line-height: 60rpx;
  // border-top: 2rpx solid #d0d0d0;
  text-align: center;
}

.none {
  text-align: center;

  image {
    width: 430rpx;
    margin-bottom: 16rpx;
  }

  view {
    height: 40rpx;
    line-height: 40rpx;
    color: #666;
  }
}
.fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}


  .list1 {
    //padding: 30rpx 30rpx 0;
    width: 710rpx;
    margin: 0rpx auto;
    padding-top: 12rpx;
  }

  .list {
    // width: 100%;
    height: 100%;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .li {
      border-radius: 20rpx;
      padding: 25rpx 20rpx;
      background: white;
      position: relative;
      //width: 100%;
      //padding-bottom: 18rpx;
      margin-bottom: 20rpx;

      //border-bottom: 1px solid #e0e0e0;
      .resume {
        width: 100%;

        .title {
          font-size: 28rpx;
          font-weight: 550;
          color: #333333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
          margin-bottom: 16rpx;
        }

        .occupation {
          display: flex;
          align-items: center;
          margin-bottom: 16rpx;

          span {
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            margin-right: 16rpx;
          }

          span:nth-last-child(1) {
            margin-right: 0;
          }
        }

        .hands-on {
          display: flex;
          align-items: center;
          margin-bottom: 16rpx;

          span {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
          }
        }

        .individual {
          display: flex;
          align-items: center;
          justify-content: space-between;

          .individual_left {
            display: flex;
            align-items: center;

            .name {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
              margin-right: 10rpx;
            }

            .vip-rank {
              padding: 3rpx 10rpx;
              margin: 0 18rpx 0 0;
              background: #f6f0ff;
              border-radius: 6rpx 6rpx 6rpx 6rpx;
              opacity: 1;
              border: 2rpx solid #bd90d9;
              font-size: 24rpx;
              font-weight: 500;
              color: #bd90d9;
            }
          }

          .individual_right {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
          }
        }
      }

      .vacancy {
        width: 100%;

        // .vehicleRecom {
        // 	font-size: 36rpx;
        // 	font-weight: 600;
        // 	color: #333333;
        // 	line-height: 40rpx;
        // 	word-break: break-all;
        // 	overflow: hidden;
        // 	text-overflow: ellipsis;
        // 	display: -webkit-box;
        // 	-webkit-line-clamp: 2; //想要的行数
        // 	-webkit-box-orient: vertical;
        // 	position: relative;

        // 	.type-label {
        // 		width: 56rpx;
        // 		height: 40rpx;
        // 		line-height: 40rpx;
        // 		background: #64B6A8;
        // 		border-radius: 4rpx;
        // 		font-size: 20rpx;
        // 		color: #FFFFFF;
        // 		text-align: center;
        // 		// position: absolute;
        // 		// top: 2;
        // 		display: inline-block;
        // 		margin-right: 20rpx;

        // 	}

        // 	.title-left {
        // 		width: calc(100% - 80rpx);
        // 	}

        // 	.tagLabel {
        // 		vertical-align: top;
        // 		background: #64b6a8;
        // 		color: #fff;
        // 		font-size: 24rpx;
        // 		text-align: center;
        // 		width: 106rpx;
        // 		margin-right: 10rpx;
        // 		padding: 2rpx 6rpx;
        // 		border-radius: 4rpx;
        // 	}
        // }

        .vehicleRecom {
          font-size: 32rpx;
          font-weight: 600;
          color: #333333;
          line-height: 44rpx;
          word-break: break-all;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1; //想要的行数
          -webkit-box-orient: vertical;

          .tagLabel {
            width: 70rpx;
            height: 40rpx;
            background: #e7f5f4;
            border-radius: 4rpx;

            vertical-align: top;
            color: #0fa291;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 8rpx 11rpx;
            border-radius: 4rpx;
          }
        }

        .vacancy_center {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 16rpx;

          .vacancy_status {
            span {
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;
            }

            span:nth-child(1) {
              margin-right: 16rpx;
            }
          }

          .vacancy_price {
            font-size: 30rpx;
            font-weight: 550;
            color: #e00000;
          }
        }

        .vacancy_biaoq {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 16rpx;
          position: relative;

          .vacancy_label {
            flex: 1;
            height: 48rpx;
            position: relative;
            overflow: hidden;
            white-space: nowrap;

            .shade {
              position: absolute;
              right: 0;
              top: 0;
              width: 100rpx;
              height: 48rpx;
            }

            .label {
              display: inline-block;
              padding: 8rpx 15rpx;
              background: #f5f7f9;
              margin-right: 10rpx;
              font-weight: 400;
              font-size: 24rpx;
              color: #666666;
              border-radius: 4rpx;
            }

            .label:nth-last-child(1) {
              margin-right: 0rpx;
            }
          }

          .gend {
            image {
              width: 50rpx;
              height: 50rpx;
              top: 5rpx;
            }

            position: absolute;
            right: 0rpx;
          }
        }

        .personalInformation {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 28rpx;

          .personalInformation_left {
            display: flex;
            flex-direction: column;

            .personalInformation_image {
              width: 42rpx;
              height: 42rpx;
              border-radius: 42rpx;
              margin-right: 12rpx;
            }

            .GR {
              display: flex;
              align-items: center;

              .name {
                font-size: 24rpx;
                font-weight: 400;
                color: #333333;
              }
            }

            .GS {
              display: flex;
              align-items: center;

              .corporation {
                font-size: 24rpx;
                font-weight: 400;
                color: #333333;
              }
            }
          }

          .personalInformation_right {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;

            .personalInformation_Time {
              font-size: 24rpx;
              font-weight: 400;
              color: #888888;
              margin-bottom: 6rpx;
              text-align: right;
            }

            .personalInformation_distance {
              font-size: 24rpx;
              font-weight: 400;
              color: #888888;
              text-align: right;
            }
          }
        }
      }

      .li_3 {
        margin-left: 24rpx;

        .servicesAvailable {
          font-size: 32rpx;
          font-weight: 500;
          color: #64b6a8;
          margin-bottom: 20rpx;
        }

        .serviceContent {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }
      }

      .li_2 {
        margin-left: 24rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .vehicleRecom {
          font-size: 36rpx;
          font-weight: 600;
          color: #333333;
          line-height: 44rpx;

          .tagLabel {
            // vertical-align: top;
            // background: #64b6a8;
            // color: #fff;
            // font-size: 24rpx;
            // text-align: center;
            // width: 106rpx;
            // margin-right: 10rpx;
            // padding: 4rpx 6rpx;
            // border-radius: 4rpx;
          }
        }

        .price {
          font-size: 28rpx;
          font-weight: 600;
          color: #e00000;
        }
      }

      .biaoqian1 {
        position: absolute;
        width: 100rpx;
        height: 46rpx;
        font-size: 24rpx;
        font-weight: 600;
        line-height: 46rpx;
        color: #ffffff;
        z-index: 1;
        top: 0;
        text-align: center;
        background: #64b6a8;
        border-radius: 0px 0px 20rpx 0px;
      }

      .biaoqian2 {
        position: absolute;
        width: 100rpx;
        height: 46rpx;
        font-size: 24rpx;
        font-weight: 600;
        line-height: 46rpx;
        color: #ffffff;
        z-index: 1;
        top: 0;
        text-align: center;
        background: #999999;
        border-radius: 0px 0px 20rpx 0px;
      }

      .img1 {
        background-color: #f8f8f8;
        width: 230rpx;
        height: 172rpx;
      }

      .img2 {
        position: absolute;
        width: 300rpx;
        height: 200rpx;
      }

      .img3 {
        position: absolute;
        width: 230rpx;
        height: 172rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 100%;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; //想要的行数
          -webkit-box-orient: vertical;
        }

        .neirong_1 {
          // width: 366rpx;
          font-size: 24rpx;
          color: #666666;
          display: flex;
          align-items: center;

          .price {
            color: red;
            font-size: 30rpx;
            font-weight: 600;
          }

          .neir_css {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1; //想要的行数
            -webkit-box-orient: vertical;
          }

          .neir_css:nth-child(2n) {
            margin-left: 10rpx;
          }

          .neir_css:nth-child(2n-1) {
            margin-right: 10rpx;
          }
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }
  .cardImageIcon {
    width: 24rpx !important;
    height: 24rpx !important;
    margin-right: 6rpx !important;
  }



  .itemLabelShowPadding {
    margin-top: 20rpx;
    margin-bottom: 30rpx !important;
  }

</style>
<style lang="scss">

	.list {
	  // width: 100%;
	  height: 100%;
	
	  .tit {
	    color: #333333;
	    font-size: 36rpx;
	    margin-bottom: 12rpx;
	  }
	
	  .li {
	    border-radius: 20rpx;
	    padding: 25rpx 20rpx;
	    background: white;
	    position: relative;
	    //width: 100%;
	    //padding-bottom: 18rpx;
	    margin-bottom: 20rpx;
	
	    //border-bottom: 1px solid #e0e0e0;
	    .resume {
	      width: 100%;
	
	      .title {
	        font-size: 28rpx;
	        font-weight: 550;
	        color: #333333;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 2; //想要的行数
	        -webkit-box-orient: vertical;
	        margin-bottom: 16rpx;
	      }
	
	      .occupation {
	        display: flex;
	        align-items: center;
	        margin-bottom: 16rpx;
	
	        span {
	          font-size: 24rpx;
	          font-weight: 400;
	          color: #333333;
	          margin-right: 16rpx;
	        }
	
	        span:nth-last-child(1) {
	          margin-right: 0;
	        }
	      }
	
	      .hands-on {
	        display: flex;
	        align-items: center;
	        margin-bottom: 16rpx;
	
	        span {
	          font-size: 24rpx;
	          font-weight: 400;
	          color: #888888;
	        }
	      }
	
	      .individual {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	
	        .individual_left {
	          display: flex;
	          align-items: center;
	
	          .name {
	            font-size: 24rpx;
	            font-weight: 400;
	            color: #333333;
	            margin-right: 10rpx;
	          }
	
	          .vip-rank {
	            padding: 3rpx 10rpx;
	            margin: 0 18rpx 0 0;
	            background: #f6f0ff;
	            border-radius: 6rpx 6rpx 6rpx 6rpx;
	            opacity: 1;
	            border: 2rpx solid #bd90d9;
	            font-size: 24rpx;
	            font-weight: 500;
	            color: #bd90d9;
	          }
	        }
	
	        .individual_right {
	          font-size: 24rpx;
	          font-weight: 400;
	          color: #888888;
	        }
	      }
	    }
	
	    .vacancy {
	      width: 100%;
	
	      // .vehicleRecom {
	      // 	font-size: 36rpx;
	      // 	font-weight: 600;
	      // 	color: #333333;
	      // 	line-height: 40rpx;
	      // 	word-break: break-all;
	      // 	overflow: hidden;
	      // 	text-overflow: ellipsis;
	      // 	display: -webkit-box;
	      // 	-webkit-line-clamp: 2; //想要的行数
	      // 	-webkit-box-orient: vertical;
	      // 	position: relative;
	
	      // 	.type-label {
	      // 		width: 56rpx;
	      // 		height: 40rpx;
	      // 		line-height: 40rpx;
	      // 		background: #64B6A8;
	      // 		border-radius: 4rpx;
	      // 		font-size: 20rpx;
	      // 		color: #FFFFFF;
	      // 		text-align: center;
	      // 		// position: absolute;
	      // 		// top: 2;
	      // 		display: inline-block;
	      // 		margin-right: 20rpx;
	
	      // 	}
	
	      // 	.title-left {
	      // 		width: calc(100% - 80rpx);
	      // 	}
	
	      // 	.tagLabel {
	      // 		vertical-align: top;
	      // 		background: #64b6a8;
	      // 		color: #fff;
	      // 		font-size: 24rpx;
	      // 		text-align: center;
	      // 		width: 106rpx;
	      // 		margin-right: 10rpx;
	      // 		padding: 2rpx 6rpx;
	      // 		border-radius: 4rpx;
	      // 	}
	      // }
	
	      .vehicleRecom {
	        font-size: 32rpx;
	        font-weight: 600;
	        color: #333333;
	        line-height: 44rpx;
	        word-break: break-all;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 1; //想要的行数
	        -webkit-box-orient: vertical;
	
	        .tagLabel {
	          width: 70rpx;
	          height: 40rpx;
	          background: #e7f5f4;
	          border-radius: 4rpx;
	
	          vertical-align: top;
	          color: #0fa291;
	          font-size: 24rpx;
	          text-align: center;
	          width: 106rpx;
	          margin-right: 10rpx;
	          padding: 8rpx 11rpx;
	          border-radius: 4rpx;
	        }
	      }
	
	      .vacancy_center {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	        margin-top: 16rpx;
	
	        .vacancy_status {
	          span {
	            font-size: 28rpx;
	            font-weight: 400;
	            color: #333333;
	          }
	
	          span:nth-child(1) {
	            margin-right: 16rpx;
	          }
	        }
	
	        .vacancy_price {
	          font-size: 30rpx;
	          font-weight: 550;
	          color: #e00000;
	        }
	      }
	
	      .vacancy_biaoq {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	        margin-top: 16rpx;
	        position: relative;
	
	        .vacancy_label {
	          flex: 1;
	          height: 48rpx;
	          position: relative;
	          overflow: hidden;
	          white-space: nowrap;
	
	          .shade {
	            position: absolute;
	            right: 0;
	            top: 0;
	            width: 100rpx;
	            height: 48rpx;
	          }
	
	          .label {
	            display: inline-block;
	            padding: 8rpx 15rpx;
	            background: #f5f7f9;
	            margin-right: 10rpx;
	            font-weight: 400;
	            font-size: 24rpx;
	            color: #666666;
	            border-radius: 4rpx;
	          }
	
	          .label:nth-last-child(1) {
	            margin-right: 0rpx;
	          }
	        }
	
	        .gend {
	          image {
	            width: 50rpx;
	            height: 50rpx;
	            top: 5rpx;
	          }
	
	          position: absolute;
	          right: 0rpx;
	        }
	      }
	
	      .personalInformation {
	        display: flex;
	        align-items: center;
	        justify-content: space-between;
	        margin-top: 28rpx;
	
	        .personalInformation_left {
	          display: flex;
	          flex-direction: column;
	
	          .personalInformation_image {
	            width: 42rpx;
	            height: 42rpx;
	            border-radius: 42rpx;
	            margin-right: 12rpx;
	          }
	
	          .GR {
	            display: flex;
	            align-items: center;
	
	            .name {
	              font-size: 24rpx;
	              font-weight: 400;
	              color: #333333;
	            }
	          }
	
	          .GS {
	            display: flex;
	            align-items: center;
	
	            .corporation {
	              font-size: 24rpx;
	              font-weight: 400;
	              color: #333333;
	            }
	          }
	        }
	
	        .personalInformation_right {
	          display: flex;
	          flex-direction: column;
	          justify-content: flex-end;
	
	          .personalInformation_Time {
	            font-size: 24rpx;
	            font-weight: 400;
	            color: #888888;
	            margin-bottom: 6rpx;
	            text-align: right;
	          }
	
	          .personalInformation_distance {
	            font-size: 24rpx;
	            font-weight: 400;
	            color: #888888;
	            text-align: right;
	          }
	        }
	      }
	    }
	
	    .li_3 {
	      margin-left: 24rpx;
	
	      .servicesAvailable {
	        font-size: 32rpx;
	        font-weight: 500;
	        color: #64b6a8;
	        margin-bottom: 20rpx;
	      }
	
	      .serviceContent {
	        font-size: 24rpx;
	        font-weight: 400;
	        color: #333333;
	        display: -webkit-box;
	        -webkit-line-clamp: 3;
	        -webkit-box-orient: vertical;
	        overflow: hidden;
	      }
	    }
	
	    .li_2 {
	      margin-left: 24rpx;
	      display: flex;
	      flex-direction: column;
	      justify-content: space-between;
	
	      .vehicleRecom {
	        font-size: 36rpx;
	        font-weight: 600;
	        color: #333333;
	        line-height: 44rpx;
	
	        .tagLabel {
	          // vertical-align: top;
	          // background: #64b6a8;
	          // color: #fff;
	          // font-size: 24rpx;
	          // text-align: center;
	          // width: 106rpx;
	          // margin-right: 10rpx;
	          // padding: 4rpx 6rpx;
	          // border-radius: 4rpx;
	        }
	      }
	
	      .price {
	        font-size: 28rpx;
	        font-weight: 600;
	        color: #e00000;
	      }
	    }
	
	    .biaoqian1 {
	      position: absolute;
	      width: 100rpx;
	      height: 46rpx;
	      font-size: 24rpx;
	      font-weight: 600;
	      line-height: 46rpx;
	      color: #ffffff;
	      z-index: 1;
	      top: 0;
	      text-align: center;
	      background: #64b6a8;
	      border-radius: 0px 0px 20rpx 0px;
	    }
	
	    .biaoqian2 {
	      position: absolute;
	      width: 100rpx;
	      height: 46rpx;
	      font-size: 24rpx;
	      font-weight: 600;
	      line-height: 46rpx;
	      color: #ffffff;
	      z-index: 1;
	      top: 0;
	      text-align: center;
	      background: #999999;
	      border-radius: 0px 0px 20rpx 0px;
	    }
	
	    .img1 {
	      background-color: #f8f8f8;
	      width: 230rpx;
	      height: 172rpx;
	    }
	
	    .img2 {
	      position: absolute;
	      width: 300rpx;
	      height: 200rpx;
	    }
	
	    .img3 {
	      position: absolute;
	      width: 230rpx;
	      height: 172rpx;
	    }
	
	    .li_1 {
	      position: relative;
	      display: inline-block;
	      vertical-align: top;
	      margin-left: 24rpx;
	
	      .tit {
	        width: 100%;
	        font-size: 34rpx;
	        font-weight: 600;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 2; //想要的行数
	        -webkit-box-orient: vertical;
	      }
	
	      .neirong_1 {
	        // width: 366rpx;
	        font-size: 24rpx;
	        color: #666666;
	        display: flex;
	        align-items: center;
	
	        .price {
	          color: red;
	          font-size: 30rpx;
	          font-weight: 600;
	        }
	
	        .neir_css {
	          flex: 1;
	          overflow: hidden;
	          text-overflow: ellipsis;
	          display: -webkit-box;
	          -webkit-line-clamp: 1; //想要的行数
	          -webkit-box-orient: vertical;
	        }
	
	        .neir_css:nth-child(2n) {
	          margin-left: 10rpx;
	        }
	
	        .neir_css:nth-child(2n-1) {
	          margin-right: 10rpx;
	        }
	      }
	    }
	  }
	
	  .li:last-child {
	    border-bottom: 0rpx solid #e0e0e0;
	  }
	}
	
	.view {
	  position: relative;
	  font-size: 26rpx;
	  border: 0;
	  color: #333333;
	  margin-right: 0;
	
	  image {
	    position: absolute;
	    width: 44rpx;
	    height: 24rpx;
	    top: 66rpx;
	    left: 50%;
	    transform: translateX(-50%);
	  }
	}
	
	.cur {
	  color: #64b6a8;
	  border: 0;
	  transform: scale(1.1);
	}
	
	/deep/uni-checkbox .uni-checkbox-input {
	  background-color: rgba(0, 0, 0, 0);
	  border: 2rpx solid #999;
	}
	
	/deep/uni-checkbox .wx-checkbox-input,
	/deep/uni-checkbox .uni-checkbox-input {
	  width: 48rpx;
	  height: 48rpx;
	}
	
	/deep/.uni-checkbox-input-checked {
	  background-color: #64b6a8 !important;
	  border: 2rpx solid #64b6a8 !important;
	}
	
	/deep/ uni-checkbox::before {
	  font-size: 40rpx;
	  margin-top: -14rpx;
	  right: 6rpx !important;
	}
	
	.down {
	  height: 60rpx;
	  line-height: 60rpx;
	  // border-top: 2rpx solid #d0d0d0;
	  text-align: center;
	}
	
	.none {
	  text-align: center;
	
	  image {
	    width: 430rpx;
	    margin-bottom: 16rpx;
	  }
	
	  view {
	    height: 40rpx;
	    line-height: 40rpx;
	    color: #666;
	  }
	}
	
	.cu-list {
	  padding-bottom: 98rpx;
	  background-color: #fff;
	
	  .buxian {
	    height: 80rpx;
	    display: flex;
	    align-items: center;
	    padding-left: 20rpx;
	  }
	
	  .tit {
	    position: relative;
	    width: 100%;
	    height: 80rpx;
	    text-align: center;
	    line-height: 80rpx;
	    font-size: 30rpx;
	    border-bottom: 2rpx solid #cccccc;
	
	    view {
	      position: absolute;
	      top: 0rpx;
	      left: 20rpx;
	      color: #999999;
	      font-size: 54rpx;
	      font-weight: 100;
	    }
	  }
	
	  .titlepp {
	    height: 100rpx;
	    line-height: 100rpx;
	    margin-left: 38rpx;
	    font-size: 28rpx;
	    font-weight: 400;
	    color: #333333;
	  }
	
	  .u-index-anchor {
	    font-size: 32rpx;
	    font-weight: 600;
	    color: #333333;
	    background-color: #f2f2f2 !important;
	  }
	
	  .list-cell {
	    display: flex;
	    box-sizing: border-box;
	    width: 90%;
	    padding: 10px 24rpx;
	    overflow: hidden;
	    color: #323233;
	    font-size: 14px;
	    line-height: 24px;
	    background-color: #fff;
	    justify-content: space-between;
	    align-items: center;
	
	    .list-cell-left {
	      display: flex;
	      align-items: center;
	
	      .list-cell-left-image {
	        width: 60rpx;
	        height: 60rpx;
	        margin-right: 17rpx;
	      }
	    }
	
	    .list-cell-right {
	      width: 40rpx;
	      height: 40rpx;
	    }
	  }
	
	  .vehicleBrand {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 100rpx;
	
	    .vehicleBrand_image {
	      width: 100rpx;
	      height: 80rpx;
	    }
	
	    .vehicleBrand_span {
	      font-size: 40rpx;
	      font-weight: 400;
	      color: #333333;
	      margin-left: 5rpx;
	    }
	  }
	
	  .choiceCarSeries {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	    background-color: #f2f2f2;
	    margin-top: 30rpx;
	    padding: 20rpx 0;
	    padding-left: 40rpx;
	
	    .item {
	      // width: 120rpx;
	      padding: 10rpx 20rpx;
	      // height: 50rpx;
	      margin-bottom: 20rpx;
	      border: 1px solid #333;
	      font-size: 24rpx;
	      line-height: 50rpx;
	      margin-right: 20rpx;
	      display: flex;
	      align-items: center;
	
	      .choiceCarSeriesName {
	        max-width: 200rpx;
	        overflow: hidden;
	        white-space: nowrap;
	        text-overflow: ellipsis;
	        margin-right: 10rpx;
	      }
	
	      .close {
	        font-size: 42rpx;
	      }
	    }
	  }
	
	  .vehicleBrand-xzcx {
	    width: 100%;
	    height: 50rpx;
	    background-color: #f2f2f2;
	    line-height: 50rpx;
	    font-size: 32rpx;
	    font-weight: 600;
	    color: #333333;
	    padding-left: 40rpx;
	  }
	
	  .vehicleBrand_item {
	    display: flex;
	    align-items: center;
	    margin-bottom: 40rpx;
	
	    .vehicleBrand_item_image {
	      width: 142rpx;
	      height: 75rpx;
	      border-radius: 12rpx;
	      margin-left: 50rpx;
	    }
	
	    .vehicleBrand_item_span {
	      font-size: 30rpx;
	      font-weight: 500;
	      color: #6f6f6f;
	      margin-left: 30rpx;
	    }
	  }
	
	  .leibie {
	    margin-top: 40rpx;
	    font-size: 28rpx;
	    margin-left: 40rpx;
	
	    .list {
	      width: 100%;
	      margin-top: 24rpx;
	
	      .li {
	        display: inline-block;
	        text-align: center;
	        width: 154rpx;
	        height: 60rpx;
	        line-height: 60rpx;
	        background: #f2f2f2;
	        border-radius: 30rpx;
	        margin-right: 24rpx;
	        margin-bottom: 24rpx;
	      }
	
	      .xuan {
	        background: #64b6a8;
	        color: #fff;
	      }
	    }
	  }
	
	  .quyu {
	    margin-top: 40rpx;
	    font-size: 28rpx;
	    margin-left: 40rpx;
	
	    .list {
	      width: 100%;
	      margin-top: 24rpx;
	
	      .chooseCars {
	        width: 503rpx;
	        height: 60rpx;
	        background-color: #64b6a8;
	        border-radius: 12rpx;
	        border: 1px solid #64b6a8;
	        text-align: center;
	        line-height: 60rpx;
	        color: #fff;
	      }
	
	      .li {
	        display: inline-block;
	        text-align: center;
	        width: 154rpx;
	        height: 60rpx;
	        line-height: 60rpx;
	        background: #f2f2f2;
	        border-radius: 30rpx;
	        margin-right: 24rpx;
	        margin-bottom: 24rpx;
	      }
	
	      .xuan {
	        background: #64b6a8;
	        color: #fff;
	      }
	    }
	  }
	
	  .mianji {
	    margin-top: 40rpx;
	    font-size: 28rpx;
	    margin-left: 40rpx;
	    margin-right: 50rpx;
	
	    .list {
	      width: 100%;
	      margin-top: 24rpx;
	      display: flex;
	      justify-content: space-between;
	      flex-wrap: wrap;
	
	      .radio {
	        width: 50%;
	        display: flex;
	        align-items: center;
	        margin-bottom: 24rpx;
	
	        .radio_item {
	          width: 36rpx;
	          height: 36rpx;
	          border: 1px solid #333;
	          border-radius: 36rpx;
	          margin-right: 14rpx;
	
	          span {
	            font-size: 28rpx;
	            font-weight: 500;
	            color: #333333;
	          }
	        }
	
	        .radioxz {
	          border: 1px solid #64b6a8;
	          position: relative;
	        }
	
	        .radioxz::before {
	          content: '';
	          width: 24rpx;
	          height: 24rpx;
	          border-radius: 24rpx;
	          background-color: #64b6a8;
	          position: absolute;
	          top: 50%;
	          left: 50%;
	          transform: translate(-50%, -50%);
	        }
	      }
	    }
	
	    .customPrice {
	      display: flex;
	      align-items: center;
	
	      .input {
	        width: 88rpx;
	        height: 40rpx;
	        border-radius: 4rpx;
	        border: 1px solid #333333;
	        padding: 6rpx;
	        color: #64b6a8;
	        font-size: 24rpx;
	      }
	
	      .minimumPrice {
	        position: relative;
	      }
	
	      .ceilePrice {
	        position: relative;
	      }
	
	      .minimumPrice::after {
	        content: '最低价';
	        width: 100rpx;
	        font-size: 22rpx;
	        font-weight: 400;
	        color: #999999;
	        text-align: center;
	        position: absolute;
	        bottom: -34rpx;
	        left: 50%;
	        transform: translateX(-50%);
	      }
	
	      .ceilePrice::after {
	        content: '最高价';
	        width: 100rpx;
	        font-size: 22rpx;
	        font-weight: 400;
	        color: #999999;
	        text-align: center;
	        position: absolute;
	        bottom: -34rpx;
	        left: 50%;
	        transform: translateX(-50%);
	      }
	
	      .confirm {
	        width: 120rpx;
	        height: 58rpx;
	        background-color: #64b6a8;
	        border-radius: 4rpx;
	        text-align: center;
	        line-height: 58rpx;
	        color: #fff;
	        margin-left: 30rpx;
	      }
	    }
	  }
	}
	
	.circle {
	  margin: 0 20rpx;
	
	  //margin-top: 30rpx;
	  .circle_item {
	    background: white;
	    width: 710rpx;
	    border-radius: 17rpx;
	    border: 1px solid #e5e5e5;
	    margin-bottom: 20rpx;
	
	    .mingpians {
	      margin: 30rpx;
	      //margin-left: 30rpx;
	      width: 650rpx;
	      // display: flex;
	      // justify-content: space-between;
	      // align-items: center;
	
	      .mingpians_left {
	        display: flex;
	        //margin-left: 30rpx;
	        justify-content: space-between;
	        height: 66rpx;
	        line-height: 66rpx;
	
	        .headPortrait {
	          width: 66rpx;
	          height: 66rpx;
	          position: relative;
	
	          .img1 {
	            width: 100%;
	            height: 100%;
	            border-radius: 50%;
	          }
	
	          .img2 {
	            position: absolute;
	            bottom: -14rpx;
	            left: 50%;
	            transform: translateX(-50%);
	            width: 100rpx;
	            height: 40rpx;
	            background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
	            background-size: 100% 120%;
	            font-size: 24rpx;
	            color: #fff;
	            text-align: center;
	            line-height: 40rpx;
	          }
	        }
	
	        .counselors {
	          // display: flex;
	          // flex-direction: column;
	          // justify-content: center;
	          margin-left: 23rpx;
	          //height: 130rpx;
	
	          .item {
	            margin: 0rpx 10rpx;
	
	            .image1 {
	              width: 28rpx;
	              height: 28rpx;
	            }
	          }
	
	          .counselors_top {
	            display: flex;
	            align-items: center;
	            //width: 500rpx;
	
	            .name {
	              // font-size: 36rpx;
	              // font-weight: 400;
	              // color: #333333;
	              font-weight: 500;
	              font-size: 32rpx;
	              color: #333333;
	            }
	
	            .attentions {
	              display: flex;
	              margin-left: 12rpx;
	              font-size: 28rpx;
	              font-weight: 400;
	              color: #333333;
	
	              .img4 {
	                width: 41rpx;
	                height: 41rpx;
	                margin-right: 4rpx;
	              }
	            }
	          }
	
	          .counselors_bottom {
	            display: flex;
	            font-size: 28rpx;
	            font-weight: 400;
	            color: #333333;
	
	            .img3 {
	              width: 31rpx;
	              height: 31rpx;
	              margin-left: 5rpx;
	            }
	          }
	        }
	      }
	
	      .mingpians_right {
	        margin-right: 32rpx;
	
	        .item {
	          display: flex;
	          flex-direction: column;
	          align-items: center;
	          justify-content: center;
	
	          .image1 {
	            width: 44rpx;
	            height: 44rpx;
	          }
	        }
	      }
	    }
	
	    .circle_center {
	      width: 630rpx;
	      height: 290rpx;
	      border-radius: 18rpx;
	      overflow: hidden;
	      margin: 0 auto;
	      margin-top: 24rpx;
	    }
	
	    .circle_center_wz {
	      margin: 0 30rpx;
	
	      //margin-top: 20rpx;
	      .circle_center_wz_text {
	        //margin-top: -30rpx;
	        // font-size: 32rpx;
	        // font-weight: 500;
	        // color: #333333;
	        // overflow: hidden;
	        // word-wrap: break-word;word-break: break-all;
	        // text-overflow: ellipsis;
	        // display: -webkit-box;
	        // -webkit-line-clamp: 3;
	        // -webkit-box-orient: vertical;
	      }
	
	      .circle_center_wz_img {
	        margin-top: 20rpx;
	
	        .circle_center_wz_imgss {
	          width: 630rpx;
	          height: 290rpx;
	          // border-radius: 18rpx;
	        }
	
	        .circle_center_wz_imgss_d {
	          display: flex;
	          align-items: center;
	          flex-wrap: wrap;
	
	          // justify-content: space-between;
	          .image {
	            width: 200rpx;
	            height: 200rpx;
	            /* margin-right: 10rpx; */
	            border-radius: 10rpx;
	            margin-right: 8rpx;
	            margin-bottom: 10rpx;
	          }
	        }
	
	        .circle_center_wz_imgss_ds {
	          display: flex;
	          align-items: center;
	          flex-wrap: wrap;
	
	          .image {
	            width: 200rpx;
	            height: 200rpx;
	            margin-right: 10rpx;
	            border-radius: 10rpx;
	            margin-bottom: 10rpx;
	          }
	        }
	
	        .circle_center_wz_img_vid {
	          /* max-width: 630rpx; */
	          /* max-height: 290rpx; */
	          position: relative;
	          display: inline-block;
	
	          image {
	            max-width: 550rpx;
	          }
	
	          .images {
	            width: 74rpx;
	            height: 74rpx;
	            position: absolute;
	            left: 50%;
	            top: 50%;
	            transform: translate(-50%, -50%);
	            max-width: 550rpx;
	          }
	        }
	      }
	    }
	
	    .circle_bottom {
	      margin-top: 30rpx;
	      margin-left: 30rpx;
	      margin-right: 20rpx;
	      margin-bottom: 30rpx;
	      display: flex;
	      justify-content: space-between;
	      align-items: center;
	
	      .HousConditionCircle {
	        width: 116rpx;
	        height: 50rpx;
	        background: #f5f7f9;
	        border-radius: 6rpx;
	        border: 1rpx solid #ebebed;
	        font-weight: 400;
	        font-size: 24rpx;
	        color: #666666;
	        line-height: 50rpx;
	        text-align: center;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	      }
	
	      .circle_left {
	        font-size: 24rpx;
	        font-weight: 400;
	        color: #333333;
	      }
	
	      .circle_right {
	        display: flex;
	        align-items: center;
	
	        .circle_right_item {
	          display: flex;
	          align-items: center;
	          margin-right: 20rpx;
	          height: 37rpx;
	          color: #666666;
	
	          .image2 {
	            width: 32rpx;
	            height: 30rpx;
	            margin-right: 4rpx;
	          }
	
	          .image3 {
	            width: 32rpx;
	            height: 30rpx;
	            margin-right: 4rpx;
	          }
	
	          .image4 {
	            width: 34rpx;
	            height: 34rpx;
	            margin-right: 4rpx;
	          }
	        }
	      }
	    }
	  }
	}
	
	.placeholder {
	  font-size: 26rpx;
	}
</style>